<template>
    <div>
        <ul>
            <li @click="routeGo('yz')">颜值</li>
            <li  @click="routeGo('LOL')">英雄联盟</li>
            <li  @click="routeGo('wzry')">王者荣耀</li>
            <li  @click="routeGo('jdqs')">绝地求升</li>
        </ul>
    </div>
</template>
<script>
export default {
    methods: {
        routeGo(str) {
            this.$router.push({
                path: '/hasNav/' + str
            })
        }
    }
}
</script>
<style lang="scss" scoped>
    ul{
        display: flex;
        justify-content: space-around;
        height: 60px;
        align-items: center;
    }
</style>